@charset "utf-8";
@import "bootstrap.min.css";
@import "swiper.min.css";
@import "style.css";
@import "../fonts/iconfont.css";

/* ----Reset---- */
html,body,div,dl,dt,dd,ol,ul,li,p,span,em,cite,del,a,img,
h1,h2,h3,h4,h5,h6,object,pre,code,
form,fieldset,legend,pre,select,textarea,blockquote,q,
table,caption,thead,tbody,tfoot,th,td,button,input { margin:0;padding:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {position: relative;font-family:"Microsoft YaHei","微软雅黑","黑体","宋体",Helvetica,Arial,Tahoma;font-size:14px;font-weight: 300; color:#000;overflow-y:scroll; background: #fff;}
table { border-collapse:collapse; border-spacing:0;}
img, fieldset, abbr, acronym { border:none;}
a img { border:none; padding:0; margin:0;}
ol,ul,li {list-style:none;}
blockquote,q { quotes:none;}
address,caption,cite,code,dfn,em,th,var { margin:0;padding:0;}
header, footer, article, section, nav, menu, hgroup {display:block;margin:0;padding:0;}
input,textarea{border: none;outline: none;}
input::-ms-clear { display: none; }
button {font-family:"Microsoft YaHei","微软雅黑","黑体","宋体",Helvetica,Arial,Tahoma;}
.container {position: relative;height:auto;}
.btn{-webkit-user-select:none;-moz-user-select:none;user-select:none;}
/* ----End Reset---- */

/*---- Patchs---- */
.tl { text-align:left;}
.tr { text-align:right;}
.tc { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.cb { clear:both;}
.clearfix:after {content:".";display:block;height:0;visibility:hidden;clear:both;}
.clearfix { *zoom:1; }
.relative { position:relative; }
.hide{ display:none;}
.more em,.song{ font-family:"宋体"; font-style:normal;}

/*---- end Patchs---- */

/*----Public font----*/
a {color:#000;text-decoration:none; cursor:pointer;}
/*a:active, .btn:active { position:relative; right:-1px;bottom:-1px;}*/
a:hover { text-decoration:none;color:#0651a4;}
a,a:hover{ outline:none; blr:expression(this.onFocus=this.blur());}
.disable:active, .btn_disable:active { position:static;}
a:visited, a:link{text-decoration: none;}
h1{ font-size:14px;}
h2{ font-size:16px;}
h2,h3,h4,h5,h6 { font-weight:normal;}
.f2 { color:#0651a4;}
.f3 { color:#999;}
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.blue { color:#0091ed;}
.green { color:#00b250;}
.red { color:#ca2a30;}
.orange { color:#F90;}
.gray { color:#333333;}
.operate { color:#ca2a30;text-decoration:underline;}
a.green, a.red { text-decoration:underline;}
/*----End Public font----*/

/*----form----*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none !important;margin: 0;}
input[type="number"]{ -moz-appearance: textfield;}
input,button,select,textarea { font-size:12px;font-family:"Microsoft YaHei","微软雅黑","黑体","宋体",Helvetica,Arial,Tahoma;vertical-align:middle; color:#333;outline:none;}
textarea{ overflow-x:hidden;overflow-y:auto;resize:none;border:1px solid #dadada;}
select{ height:22px; line-height:20px; border:1px solid #dadada;overflow:auto; vertical-align:middle;}
/*----End form----*/

/*error*/
.input-box label { font-weight:500;color:#707070;padding:0 20px 0 31px;white-space:nowrap;}
.input-box label.error { z-index:3;position:absolute;left:0;top:100%; margin-top:8px;line-height:22px; min-width: 12px; padding:5px 10px; font-size:12px; _float:left; border-radius:3px; box-shadow: 1px 1px 3px rgba(0,0,0,.3); background-color:#FF9900; color:#fff;}
.input-box label.error:before { content:'';position:absolute;left:5px;top:-8px;width:0;height:0;border-width:8px;border-color:transparent;border-style:dashed;border-right-style:solid;border-right-color:#F90;*overflow:hidden}
/*End error*/

/* page */
.page-bar { clear:both; margin:50px 0 10px;line-height:50px;font-size:16px;color:#7f7f7f; text-align: right; }
.page-bar ul { display: inline-block;}
.page-bar ul.fl { float:left;}
.page-bar ul li { float:left; margin-left:8px;}
.page-bar li:first-child { margin-left:0px}
.page-bar a{ position: relative;float:left; display:inline-block; min-width:50px;padding: 0 10px;margin-left:-1px;color: #7f7f7f; text-align:center;cursor: pointer; background:#f8f8f8;text-decoration: none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.page-bar a:hover { color:#fff;background-color:#0651a4;}
.page-bar .active a { color:#0651a4;background-color:#ddedff;}
.page-bar i{ font-style:normal;margin:0px 4px;}
.page-bar .skip { padding:0 4px;}
.page-bar .input { margin:0px 4px; padding:4px;width:40px; height:30px;border: 1px solid #DFDFDF;text-align:center; font-size:14px;}
.page-bar .btn { width:54px; height:30px;border: 2px solid #d5122c;background: #fff;color: #0651a4;}
.page-bar a, .page-bar .input,.page-bar .btn{
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}
@media (max-width: 767px) {
  .page-bar { clear:both; margin:20px 0 0;line-height:36px;font-size:14px;}
  .page-bar a { margin-top:10px;min-width:36px; padding: 0 5px;}
}
/* End page */

 

/*error*/
label.error { z-index:3;position:absolute;left:40px;top:100%; margin-top:8px;line-height:22px; min-width: 12px; padding:5px 10px; font-size:12px; _float:left; border-radius:3px; box-shadow: 1px 1px 3px rgba(0,0,0,.3); background-color:#FF9900; color:#fff;white-space: nowrap;}
label.error:before {content: '';position:absolute;left:5px;top:-8px;width:0;height:0;border-width:8px;border-color:transparent;border-style:dashed;border-right-style:solid;border-right-color:#F90;*overflow:hidden}


/*nav-btn*/
.nav-btn {
    height: 44px;
    width: 44px;
    display: none;
    padding: 5px;
    /*z-index: 200;*/
}
.nav-icon {
    display: inline-block;
    position: relative;
    top:2px;
    width: 20px;
    height: 1px;
    background-color: #d5122c;;
}
.nav-icon:before,
.nav-icon:after {
    content: '';
    display: block;
    width: 20px;
    height: 1px;
    position: absolute;
    background: #d5122c;;
    -webkit-transition-property: margin, -webkit-transform;
    transition-property: margin, -webkit-transform;
    transition-property: margin, transform;
    transition-property: margin, transform, -webkit-transform;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}
.nav-icon:before {margin-top: -7px;}
.nav-icon:after {margin-top: 7px;}
.nav-active .nav-icon {
    background: rgba(0, 0, 0, 0);
}
.nav-active .nav-icon:before {
    margin-top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.nav-active .nav-icon:after {
    margin-top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.nav-tabs>li>a {
    margin-right: 0;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 5%;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #0044c5;
}

.layui-layer{
    background: #000000 !important;
}